<!--  -->
<template>
  <el-table :data="tableData" border style="width: 100%" :height="tableHeight">
    <el-table-column prop="Department" fixed label="Department 部门" width="100px" />
    <el-table-column prop="Notes" fixed label="Notes 备注" width="100px" />
    <el-table-column prop="OriginalAward" fixed label="Original Award (Biddng Manweeks) 报价时的人周" width="100px" />
    <el-table-column prop="CrewBooked" fixed label="Crew Booked (Kick-off Manweeks) 立项时的人周 " width="100px" />
    <el-table-column prop="Difference" fixed label="Difference (Crew booked & Overaal) 差额" width="100px" />
    <el-table-column prop="Billed" fixed label="Billed Manweeks (Spend Manweeks) 本周之前的已产生人周" width="100px" />
    <el-table-column prop="CrewPlan" fixed label="Crew Plan (This week and  beyond) 本周之后的计划人周" width="100px" />
    <el-table-column prop="OverallManweek" fixed label="Overall Manweek 整体预计人周" width="100px" />
    <el-table-column prop="2024-1-1" label="2024-1-1" width="100px" />
    <el-table-column prop="2024-1-8" label="2024-1-8" width="100px" />
    <el-table-column prop="2024-1-15" label="2024-1-15" width="100px" />
    <el-table-column prop="2024-1-22" label="2024-1-22" width="100px" />
    <el-table-column prop="2024-1-29" label="2024-1-29" width="100px" />
    <el-table-column prop="2024-2-5" label="2024-2-5" width="100px" />
    <el-table-column prop="2024-2-12" label="2024-2-12" width="100px" />
    <el-table-column prop="2024-2-19" label="2024-2-19" width="100px" />
    <el-table-column prop="2024-2-26" label="2024-2-26" width="100px" />
    <el-table-column prop="2024-3-4" label="2024-3-4" width="100px" />
    <el-table-column prop="2024-3-11" label="2024-3-11" width="100px" />
    <el-table-column prop="2024-3-18" label="2024-3-18" width="100px" />
    <el-table-column prop="2024-3-25" label="2024-3-25" width="100px" />
    <el-table-column prop="2024-4-1" label="2024-4-1" width="100px" />
    <el-table-column prop="2024-4-8" label="2024-4-8" width="100px" />
    <el-table-column prop="2024-4-15" label="2024-4-15" width="100px" />
    <el-table-column prop="2024-4-22" label="2024-4-22" width="100px" />
    <el-table-column prop="2024-4-29" label="2024-4-29" width="100px" />
    <el-table-column prop="2024-5-6" label="2024-5-6" width="100px" />
    <el-table-column prop="2024-5-13" label="2024-5-13" width="100px" />
    <el-table-column prop="2024-5-20" label="2024-5-20" width="100px" />
    <el-table-column prop="2024-5-27" label="2024-5-27" width="100px" />
    <el-table-column prop="2024-6-3" label="2024-6-3" width="100px" />
    <el-table-column prop="2024-6-10" label="2024-6-10" width="100px" />
    <el-table-column prop="2024-6-17" label="2024-6-17" width="100px" />
    <el-table-column prop="2024-6-24" label="2024-6-24" width="100px" />
    <el-table-column prop="2024-7-1" label="2024-7-1" width="100px" />
    <el-table-column prop="2024-7-8" label="2024-7-8" width="100px" />
    <el-table-column prop="2024-7-15" label="2024-7-15" width="100px" />
    <el-table-column prop="2024-7-22" label="2024-7-22" width="100px" />
    <el-table-column prop="2024-7-29" label="2024-7-29" width="100px" />
    <el-table-column prop="2024-8-5" label="2024-8-5" width="100px" />
    <el-table-column prop="2024-8-12" label="2024-8-12" width="100px" />
    <el-table-column prop="2024-8-19" label="2024-8-19" width="100px" />
    <el-table-column prop="2024-8-26" label="2024-8-26" width="100px" />
    <el-table-column prop="2024-9-2" label="2024-9-2" width="100px" />
    <el-table-column prop="2024-9-9" label="2024-9-9" width="100px" />
    <el-table-column prop="2024-9-16" label="2024-9-16" width="100px" />
    <el-table-column prop="2024-9-23" label="2024-9-23" width="100px" />
    <el-table-column prop="2024-9-30" label="2024-9-30" width="100px" />
    <el-table-column prop="2024-10-7" label="2024-10-7" width="100px" />
    <el-table-column prop="2024-10-14" label="2024-10-14" width="100px" />
    <el-table-column prop="2024-10-21" label="2024-10-21" width="100px" />
    <el-table-column prop="2024-10-28" label="2024-10-28" width="100px" />
    <el-table-column prop="2024-11-4" label="2024-11-4" width="100px" />
    <el-table-column prop="2024-11-11" label="2024-11-11" width="100px" />
    <el-table-column prop="2024-11-18" label="2024-11-18" width="100px" />
    <el-table-column prop="2024-11-25" label="2024-11-25" width="100px" />
    <el-table-column prop="2024-12-2" label="2024-12-2" width="100px" />
    <el-table-column prop="2024-12-9" label="2024-12-9" width="100px" />
    <el-table-column prop="2024-12-16" label="2024-12-16" width="100px" />
    <el-table-column prop="2024-12-23" label="2024-12-23" width="100px" />
    <el-table-column prop="2024-12-30" label="2024-12-30" width="100px" />
  </el-table>
</template>
<script setup lang="ts">
import { ref } from 'vue'

// type TableData = any
defineProps({
  title: { type: String, default: 'Production Report' },
  // tableData: {
  //   type: Array as () => TableData[],
  //   default: [],
  // },
  tableHeight: { type: Number, default: 500 },
})
const tableData = ref([
  {
    Department: 'CPT',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '-22',
    Billed: '12.0',
    CrewPlan: '10.00',
    OverallManweek: '22.00',
  },
  {
    Department: 'MOD',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'TEX',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'RIG',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'MMV',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'LAY',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'ANI',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'MPT',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'ENV',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'CFX',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'EFX',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'LGT',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'AE',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'CMP',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'SUP',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'PMD',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'TD',
    Notes: '',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
  {
    Department: 'IO/EDI',
    Notes: '包含On-set',
    OriginalAward: '',
    CrewBooked: '',
    Difference: '0',
    Billed: '0',
    CrewPlan: '0.00',
    OverallManweek: '0.00',
  },
])
</script>
<style scoped lang="scss"></style>
